<include file="Public/min-header"/>

<div class="wrapper">
    <include file="Public/breadcrumb"/>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <nav class="navbar navbar-default">
                            <div class="collapse navbar-collapse">
                                <form class="navbar-form form-inline" action="{:U('Promotion/prom_order_list')}"
                                      method="post">
                                    <div class="form-group">
                                        <input type="text" name="keywords" class="form-control" placeholder="活动名称">
                                    </div>
                                    <button type="submit" class="btn btn-default">提交</button>
                                </form>
                            </div>
                        </nav>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="list-table" class="table table-bordered table-striped dataTable">
                                    <thead>
                                    <tr role="row">
                                        <th class="sorting" tabindex="0">活动名称</th>
                                        <th class="sorting" tabindex="0">活动类型</th>
                                        <th class="sorting" tabindex="0">适用范围</th>
                                        <th class="sorting" tabindex="0">开始时间</th>
                                        <th class="sorting" tabindex="0">结束时间</th>
                                        <th>推荐</th>
                                        <th>状态</th>
                                        <th class="sorting" tabindex="0">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <foreach name="prom_list" item="vo" key="k">
                                        <tr role="row" align="center">
                                            <td>{$vo.name|getSubstr=0,30}</td>
                                            <td>{$parse_type[$vo[type]]}</td>
                                            <td>{$vo.group_name}</td>
                                            <td>{$vo.start_time|date='Y-m-d',###}</td>
                                            <td>{$vo.end_time|date='Y-m-d',###}</td>
                                            <th><img width="20" height="20"
                                                     src="__PUBLIC__/images/<if condition='$vo[recommend] eq 1'>yes.png<else />cancel.png</if>"
                                                     onclick="changeTableVal('prom_order','id','{$vo.id}','recommend',this)"/>
                                            </th>
                                            <td>{$vo.state}</td>
                                            <td>
                                                <if condition="$vo['status'] eq 1"><a class="btn btn-warning"
                                                                                      href="javascript:;"
                                                                                      onclick="changeStatus(0,'{$vo.id}','prom_order')">取消</a>
                                                </if>
                                                <a class="btn btn-danger"
                                                   href="{:U('Promotion/prom_order_del',array('id'=>$vo['id']))}"
                                                   data-url="" data-id="{$vo.id}"><i class="fa fa-trash-o"></i></a>
                                            </td>
                                        </tr>
                                    </foreach>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 text-left"></div>
                            <div class="col-sm-6 text-right">{$page}</div>
                        </div>
                    </div><!-- /.box-body -->
                </div><!-- /.box -->
            </div>
        </div>
    </section>

    <script>
        function changeStatus(status, id, tab) {
            if (status > 1) {
                layer.confirm('确认删除？', {btn: ['确定', '取消']}, function () {
                    $.ajax({
                        type: 'GET',
                        url: "{:U('Promotion/activity_handle')}",
                        data: {'id': id, 'tab': tab, 'status': status},
                        dataType: 'JSON',
                        success: function (res) {
                            if (res == 1) {
                                layer.msg('操作成功', {icon: 1});
                                window.location.reload();
                            } else {
                                layer.msg('操作失败', {icon: 2, time: 2000});
                            }
                            layer.closeAll();
                        }
                    });
                }, function (index) {
                    layer.close(index);
                    return false;// 取消
                });
            } else {
                $.ajax({
                    type: 'GET',
                    url: "{:U('Promotion/activity_handle')}",
                    data: {'id': id, 'tab': tab, 'status': status},
                    dataType: 'JSON',
                    success: function (res) {
                        if (res == 1) {
                            layer.msg('操作成功', {icon: 1});
                            window.location.reload();
                        } else {
                            layer.msg('操作失败', {icon: 2, time: 2000});
                        }
                        layer.closeAll();
                    }
                });
            }
        }
    </script>
</div>
</body>
</html>